<!DOCTYPE html>
<html lang="en">
<head>
<title>Aboutus</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="all">

<script type="text/javascript" src="../js/jquery-1.6.js" ></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="../js/cufon-yui.js"></script>
<script type="text/javascript" src="../js/cufon-replace.js"></script>
<script type="text/javascript" src="../js/Swis721_Cn_BT_400.font.js"></script>
<script type="text/javascript" src="../js/Swis721_Cn_BT_700.font.js"></script>
<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../js/tms-0.3.js"></script>
<script type="text/javascript" src="../js/tms_presets.js"></script>
<script type="text/javascript" src="../js/jcarousellite.js"></script>
<script type="text/javascript" src="../js/script.js"></script>
<!--[if lt IE 9]>
  	<script type="text/javascript" src="../js/html5.js"></script>
	<style type="text/css">
		.bg{ behavior: url(js/PIE.htc); }
	</style>
<![endif]-->
<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0"  alt="" /></a>
		</div>
<![endif]-->
<style>
	textarea,input{
		border-radius: 3%;
		border-color:#696969;
		border-style:solid; 
		border-width:thin;
		
	}
</style>
</head>
<body id="page5">
	<div class="body1">
	<div class="body2">
	<div class="body5">
		<div class="main">
<!-- header -->
			<header>
				<div class="wrapper">
				<h1><a href="index.html" id="logo">MakeItEasier IT English</a></h1>
				<nav>
					<ul id="menu">
						<li id="nav1"><a href="index.html">Home<span>Welcome!</span></a></li>
						<li id="nav2"><a href="Exam.html">Exam<span>ON TIME</span></a></li>
						<li id="nav3"><a href="Quiz.html">Quiz<span>FOR YOU</span></a></li>
						<li id="nav4"><a href="Homework.html">Homework<span>DO  IT</span></a></li>
						<li id="nav5"  class="active"><a href="Aboutus.html">About Us<span>CONTACT US</span></a></li>
					</ul>
				</nav>
				</div>
			</header>
<!-- header end-->
		</div>
	</div>
	</div>
	</div>
	<div class="body3">
		<div class="main">
<!-- content -->
			<article id="content">
				<div class="wrapper">
					<section class="col1">
						<h2 class="under">Send us your message</h2>
						<form class="form-horizontal" method="POST" action="RegisterAction">
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Your Name:</label>
								<div class="col-sm-10">
									<input type="text" id="inputEmail3" placeholder="Name" required="required">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Your ID:</label>
								<div class="col-sm-10">
									<input type="text" placeholder="USTC ID" required="required">
								</div>
							</div>
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">Your Email</label>
								<div class="col-sm-10">
									<input type="text" placeholder="Name" required="required">
								</div>
							</div>
							<div class="form-group" id="classNo">
								<label for="inputPassword3" class="col-sm-2 control-label">Your Class:</label>
								<div class="col-sm-10">
									<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
										Choose Class <span class="caret"></span>
									</button>
									<ul class="dropdown-menu" role="menu">
										<li><a href="#">Class1</a></li>
										<li><a href="#">Class2</a></li>
										<li><a href="#">Class3</a></li>
									</ul>
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-2 control-label">Message:</label>
								<div class="col-sm-10">
									<textarea name="userMsg" cols="80" rows="10" border="2px"></textarea>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-10">
									<button type="submit" class="btn btn-primary">Send</button>
									<button type="cancel" class="btn btn-default">Clear</button>
								</div>
							</div>		
						</form>						
					</section>
					<section class="col2 pad_left1">
						<h2 class="under">Contacts</h2>
						<div id="address">
							<span>University:<br>
									School:<br>
									Email:
							</span>
							<span>
									USTC<br>
									School of Software<br>
									<a href="mailto:" class="color2">itenglish@163.com</a>
							</span>
						</div>
						<h2 class="under">About our team</h2>
						<p>Our team members are all from School of Software, USTC. This is our first project together. And the backend of this project is developed by QinGang & FanXinyue, the front is developed by QinYinping, YangYang and HeKun. Thanks for using our website. Hope it can help with your English study.</p>
					</section>
				</div>

			</article>
		</div>
	</div>
<div class="body4">
		<div class="main">
			<article id="content2">
				<div class="wrapper">
					<section class="col3">
						<h4>Why us?</h4>
						<ul class="list1">
							<li><a href="#">A team</a></li>
							<li><a href="#">team members</a></li>
							<li><a href="#">SSH</a></li>
							<li><a href="#">J2EE</a></li>
						</ul>
					</section>
					<section class="col3 pad_left2">
						<h4>Address</h4>
						<ul class="address">
							<li><span>City:</span>Suzhou</li>
							<li><span>School: </span>USTC</li>
							<li><span>Address:</span>No.166, Ren'ai Rd.</li>
							<li><span>Email:</span><a href="mailto:">itenglish@163.com</a></li>
						</ul>
					</section>
					<section class="col3 pad_left2">
						<h4>Follow Us</h4>
						<ul id="icons">
							<li><a href="#"><img src="../images/icon1.jpg" alt="">ruanyuan.net</a></li>
							<li><a href="#"><img src="../images/icon2.jpg" alt="">weibo</a></li>
							<li><a href="#"><img src="../images/icon3.jpg" alt="">renren</a></li>
							<li><a href="#"><img src="../images/icon4.jpg" alt="">qq</a></li>
						</ul>
					</section>
					<section class="col2 right">
						<h4>Newsletter</h4>
						<form id="newsletter" method="post">
							<div>
								<div class="wrapper">
									<input class="input" value="Type Your Email Here" onblur="if(this.value=='') this.value='Type Your Email Here'" onfocus="if(this.value =='Type Your Email Here' ) this.value=''" type="text">
								</div>
								<a href="#" class="button" onclick="document.getElementById('newsletter').submit()">Subscribe</a>
							</div>
						</form>
					</section>
				</div>
			</article>
<!-- content end -->
		</div>
	</div>
		<div class="main">
<!-- footer -->
			<footer>
				© Copyright © 2014.Company name All rights reserved.
			</footer>
<!-- footer end -->
		</div>
<script type="text/javascript"> Cufon.now(); </script>
<script>
	$(document).ready(function() {
		tabs.init();
	})
</script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>